<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:th="http://www.thymeleaf.org/">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
  <link th:href="@{/erp/assets/css/bootstrap.min.css}" rel="stylesheet" />
  <link rel="stylesheet" th:href="@{/erp/css/style.css}"/>
  <link rel="stylesheet" th:href="@{/erp/assets/css/ace.min.css}" />
  <link rel="stylesheet" th:href="@{/erp/assets/css/font-awesome.min.css}" />
  <link th:href="@{/erp/Widget/icheck/icheck.css}" rel="stylesheet" type="text/css" />
  <!--[if IE 7]>
    <link rel="stylesheet" th:href="@{/erp/assets/css/font-awesome-ie7.min.css}" />
  <![endif]-->
  <!--[if lte IE 8]>
    <link rel="stylesheet" th:href="@{/erp/assets/css/ace-ie.min.css}" />
  <![endif]-->
  <script th:src="@{/erp/js/jquery-1.9.1.min.js}"></script>
  <script th:src="@{/erp/assets/js/bootstrap.min.js}"></script>
  <script th:src="@{/erp/assets/js/typeahead-bs2.min.js}"></script>
  <script th:src="@{/erp/assets/js/jquery.dataTables.min.js}"></script>
  <script th:src="@{/erp/assets/js/jquery.dataTables.bootstrap.js}"></script>
  <script th:src="@{/erp/assets/layer/layer.js}" type="text/javascript" ></script>
  <script th:src="@{/erp/assets/laydate/laydate.js}" type="text/javascript"></script>
  <script type="text/javascript" th:src="@{/erp/js/H-ui.js}"></script>
  <script type="text/javascript" th:src="@{/erp/js/H-ui.admin.js}"></script>
  <script th:src="@{/erp/js/lrtk.js}" type="text/javascript"></script>

<title>防伪查询</title>
</head>

<body>


 <div class="search_style">
      <ul class="search_content clearfix">
       <li><label class="l_f">产品名称查询：</label>
           <input id="productName" type="text"   placeholder="输入产品名称"  style=" width:250px"/>
       </li>
          <li style="width:90px;">
               <input type="submit" value="查询" class="btn_search" id="xi" >
          </li>
      </ul>
 </div>



    <div class="page-content clearfix" style="display:none;" id="hh">
        <div class="brand_detailed">
            <div class="brand_info clearfix">
                <div class="title_brand">激光码信息</div>
                <form>
                    <ul class="Info_style clearfix">
                        <li><label class="label_name">产品型号：</label><span class="name" id="productModel"></span></li>
                        <li><label class="label_name">产品编码：</label> <span class="name" id="orderId"></span></li>
                        <li><label class="label_name">生产地址：</label><span class="name" id="producingArea"></span></li>
                        <li><label class="label_name">产品名称：</label><span class="name" id="productNames"></span></li>
                    </ul>
                </form>
            </div>
        </div>
    </div>



<script type="text/javascript">
    $(function(){
        $("#xi").click(function(){
            var productName = $("#productName").val();
            $.ajax({
                cache:true,
                type:"get",
                url:"/quality/quality",
                data:{"productName":productName},
                success:function (data) {
                   if(data.id != null){
                       $("#productModel").text(data.productModel);
                       $("#orderId").text(data.id);
                       $("#producingArea").text(data.producingArea);
                       $("#productNames").text(data.productName);
                   }else{
                       $("#productModel").text("无此商品");
                       $("#orderId").text("无此商品");
                       $("#producingArea").text("无此商品");
                       $("#productNames").text("无此商品");
                   }
                }
            })
            $("#hh").show();
        })
    })

</script>
</body>

</html>
